﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="房产销冠, 房地产,卡考网络" />
    <meta name="description" content="上海卡考网络有限公司" />
    <title>房产销冠</title>
    <link rel="stylesheet" href="../css/global.css" type="text/css" />
    <link rel="stylesheet" href="../css/form.css" type="text/css" />
    <link rel="stylesheet" href="../css/gri.controls.css" type="text/css" />
    <link rel="stylesheet" href="../Scripts/bootstrap/css/bootstrap.min.css" type="text/css" />
    <script src="../Scripts/echarts-plain2.js" type="text/javascript"></script>
    <script src="http://dn-blqw.qbox.me/jq+bs+art.js" type="text/javascript"></script>
    <script src="../Scripts/macarons.js" type="text/javascript"></script>
    <script src="../Scripts/dateRange.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.iDialog.js" dialog-theme="default"></script>
    <script src="../Scripts/date.format.js" type="text/javascript"></script>
    <script src="http://dn-blqw.qbox.me/kk.js"></script>
</head>
<body style="background: #f1f1f1;">
    <div class="main01 pb50">
        <div class="analysis_tit clearfix">
            <h1 class="ff">TAG统计分析</h1>
            <div class="location"><a href="" target="rightMain">首页</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a href="#">楼盘报表</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a href="#" target="rightMain" class="on">PV统计分析</a></div>
        </div>
        <div class="analysis_tab">
            <div class="ana_tab" ana_tabclick=ana_tabclick id="StyleType">
                <a href="javascript:void(0)" class="on StyleTypeL" name="l" style="display: ">折线图</a>
                <a href="javascript:void(0)" name="c" class="StyleTypeHP" style="display: ">柱状图</a>
            </div>
        </div>
        <div class="analysis_chart">
            <select id="F_CityKid" class="selall sel100" style="">
                <option value="-1">请选择</option>
            </select>    
            <div class="analysis_time">
                <div class="ana_time" ana_tabclick=ana_tabclick id="SelectDate">
                    <a href="javascript:void(0)" class="last on" name="d">本日</a><a href="javascript:void(0)" name="w">本周</a><a href="javascript:void(0)" name="m">本月</a><a href="javascript:void(0)" name="y">本年</a>
                </div>
                <div class="date" id="div_date">
                    <span class="date_title" id="date">2014-12-16 至 2014-12-22</span>
                    <a class="opt_sel" id="input_trigger">
                        <i class="i_orderd"></i>
                    </a>
                </div>
            </div>
            <div class="chart" id="chartMain"></div>
        </div>
    </div>

    <script src="../Scripts/chart.point.js" type="text/javascript"></script>
    <script type="text/javascript">

        function f_GetData(sytleType, daysNum) {
            kk.api.get("/Chart/Get_PointReport_Data2", { days_num: daysNum, reportType: "tag" }, function (data) {
                var obj = eval("(" + data + ")");
                f_Chart(sytleType, "", obj.data);
            })
        }

        function f_GetData(styleType, daysNum, startDate, endDate) {
            var cityKid = $("#F_CityKid option:selected");
            var cityName = '';
            if (cityKid.val() > 0) {
                cityName = cityKid.text();
            }
            kk.api.get("/Chart/Get_PointReport_Data2", { daysNum: daysNum, reportType: "tag", startTime: startDate, endTime: endDate, cityName: cityName }, function (data) {
                var obj = eval("(" + data + ")");
                if (obj.data.length > 0)
                {
                    f_Chart(styleType, "", obj.data);
                }
            });
        }

        function f_GetCityList() {
            var data = kk.api.get("/System/GetCityList", function (data) {
                $("#F_CityKid").empty();
                $.each(data, function (i, obj) {
                    $("#F_CityKid").append("<option value='" + obj.F_CityKid + "'>" + obj.F_CityName + "</option>");
                });
            });

        }

        function CityChange() {
            $('#F_CityKid').change(function () {
                f_GetChart();
            })
        }

        $(function () {
            f_GetCityList();
            CityChange();
        })
    </script>
</body>
</html>
